<template>
	<div id="process">
		<div id="header">
			<img src="../../static/img/return.png" @click="Return"/>
			<p>试用流程</p>
		</div>
		
		<!---------商品信息----------->
		
		<div v-if="step != 6" class="task_information">
			<img :src="schedule.task.skuImage"/>
			<div class="task_text">
				<div class="task_title">
					<img v-if="schedule.task.paltform == 1" src="../../static/img/tb.png"/>
					<img v-else-if="schedule.task.paltform == 2" src="../../static/img/tm.png"/>
					<img v-else-if="schedule.task.paltform == 3" src="../../static/img/jd.png"/>
					<p>{{schedule.task.taskName}}</p>
				</div>
				<p class="house_name">店铺名称：{{encryption(schedule.task.houseName)}}</p>
				<p class="price">价格：<span>¥{{returnFloat(price)}}</span></p>
				<p class="goods_notice">规格：<span>{{schedule.task.goodsNotice}}</span></p>
			</div>
		</div>
		
		<!---------加赏任务佣金---------->
		<div class="commission" v-if="schedule.task.commissionStatus == 1">
			<p>加赏佣金：<span>{{schedule.task.commission}}</span>元</p>
			<p>加赏说明：{{schedule.task.commissionContent}}</p>
		</div>
		
		<!--------搜索流程--------------->
		
		<div v-if="step == 1" class="search">
			<div class="process_title">
				<span></span>
				<p>搜索流程</p>
			</div>
			<div class="search_step">
				<!------第一步-------->
				<div class="step_title">
					<span>1</span>
					<p>找到宝贝</p>
				</div>
				<!---------关键词搜索--------------->
				<div class="search_1" v-if="intoType.intoType == 1">
					<p>
						打开<span v-if="schedule.task.paltform == 3">手机京东APP</span>
						<span v-else>手机淘宝APP</span>
					</p>
					<p v-if="index > 0">宝贝标题：<span>{{goodsName}}</span></p>
					<div>
						<p class="condition">搜索商品：<span>{{keyword}}</span></p>
						<input type="button" value="换一换" style="color: #787878; border: 1px solid #787878;" v-if="!flag"/>
						<input type="button" value="换一换" @click="selectKeyword()" v-else />
					</div>
					<p>排序方式：
						<span>{{sort}}</span>
					</p>
					<p>筛选方式：<img src="../../static/img/process-01.png" /></p>
					<p class="condition">筛选条件：<span>{{intoType.service}}</span></p>
					<p>价格区间：<span>{{ index > 0?schedule.task.price:'-'}}</span></p>
				</div>
				<!---------淘口令------------>
				<div class="search_1" v-if="intoType.intoType == 2">
					<p>点击下方复制按钮，复制这条信息。</p>
					<input class="taoPassword" type="text" v-model="intoType.intoText" readonly="readonly" />
					<input @click="copyUrl" class="copy_taoP" type="button" value="点击复制" />
					<p class="warning"><img src="../../static/img/process-03.png"/>如复制失败，请长按复制</p>
					<p class="open" v-if="schedule.task.paltform == 3">打开手机京东APP，即可看到宝贝</p>
					<p class="open" v-else>打开手机淘宝APP，即可看到宝贝</p>
				</div>
				<!--------二维码---------->
				<div class="search_1" v-if="intoType.intoType == 3">
					<p>打开对应购物APP扫描下方二维码，即可看到宝贝</p>
					<!--<img id="QRcode" :src="QRcode"/>-->
					<div id="goodCode"></div>
				</div>
				<!------第二步-------->
				<div class="step_title">
					<span>2</span>
					<p>核对宝贝</p>
				</div>
				<div class="search_2">
					<p>以下2种方式二选一</p>
					<ul class="tabs">
						<li @click="tabs = 1" :class="tabs == 1?'tab_active':''">验证淘口令/京东链接</li>
						<li @click="tabs = 2" :class="tabs == 2?'tab_active':''">验证店铺</li>
					</ul>
					<div v-show="tabs == 1" class="tab1">
						<div>
							<p>①点击一下输入框</p>
							<p>②长按</p>
							<p>③粘贴</p>
						</div>
						<textarea placeholder="点击手机淘宝，在宝贝详情页中的“分享”按钮，选择“复制链接”然后将商品链接粘贴到此处" v-model="taskLink"></textarea>
					</div>
					<div v-show="tabs == 2" class="tab2">
						<p>请进入商品详情页，浏览商品详情<span>不少于3分钟</span>,复制并核对目标宝贝<span>店铺名全称</span></p>
						<div class="store_name">
							<p>核对店铺名：</p>
							<input type="text" placeholder="请输入店铺名称验证宝贝" v-model="storeName" />
						</div>
						<div class="sample">
							<p>示例：</p>
							<img src="../../static/img/process-02.png"/>
						</div>
					</div>
					<p style="color: #ff6565;margin-top: 0.5rem;">*注意：下单前请确保下单价格为¥{{returnFloat(price)}}，若价格有出入，平台概不负责</p>
					<input class="toCheck" type="button" style="color: white; border: 1px solid #787878; background-color: #787878;" value="点击核对" v-if="(tabs == 1 && (taskLink == null || taskLink == '')) || (tabs == 2 && (storeName == null || storeName == ''))" />
					<input @click="toCheck" class="toCheck" type="button" value="点击核对" v-else />
				</div>
				<!------第三步-------->
				<div class="step_title">
					<span>3</span>
					<p>加入购物车</p>
				</div>
				<div class="search_3">
					<p>找到宝贝后<span>必须加入购物车</span>，被通过后从购物车里找到宝贝下单（申请成功后就没有搜索流程了哦！找不到宝贝会导致无法下单哟！）</p>
				</div>
				<input @click="selectOpen" v-if="checkResult==1" id="apply" type="button" class="apply" value="加入购物车后，确定申请" />
				<input v-else id="apply" type="button" value="加入购物车后，确定申请" />
			</div>
			<!-----------账号选择-------------->
			<div @click="selectClose" id="select" v-show="selectSwitch">
				<div class="select">
					<ul class="select_list">
						<li v-for="item in selectList" @click="accountId = item.id,selectClose" :class="accountId == item.id?'select_active':''">
							{{item.account}}
						</li>
					</ul>
					<input @click="selectClose" class="select_cancel" type="button" value="取消" />
				</div>
			</div>
		</div>
		
		<!--------货比三家------------>
		
		<div v-else-if="step == 2" class="shop_around">
			<div class="process_title">
				<span></span>
				<p>搜索流程</p>
			</div>
			<div class="around_step">
				<div class="around_title">
					<span>1</span>
					<p>打开
						<span v-if="schedule.task.paltform == 3">手机京东APP</span>
						<span v-else>手机淘宝APP</span>
					</p>
				</div>
				<div class="around_title">
					<span>2</span>
					<p>登录淘宝账号<span>{{schedule.accountName}}</span>进入购物车，找到宝贝</p>
				</div>
				<!--------货比三家------------>
				<div v-if="schedule.competitiveStatus == 0" class="around_title">
					<span>3</span>
					<p>根据宝贝标题到首页搜索同类商品，进入商品详情页，截图，之后回到页面上传<span>3个</span>同类宝贝的<span>截图</span></p>
				</div>
				<div v-if="schedule.competitiveStatus == 0" class="around_taoP">
					<div class="choose">
						<div v-if="aroundShow.length < 3" @click="wxchoose(around.aroundImg, aroundShow)" class="report_upload">
							<input type="button" value="选择文件" />
							<!--<input @change="onFileChange($event,'10')" type="file" multiple="multiple" id="file10" accept="image/*" />-->
						</div>
					</div>
					<div class="img_box">
						<div v-for="(item,key) in aroundShow" class="img_item">
							<img class="img_show" :src="item"/>
							<img @click="imgRemove(key,'4')" class="img_remove" src="../../static/img/process-08.png"/>
						</div>
					</div>
				</div>
				<div v-if="schedule.competitiveStatus == 1" class="around_title">
					<span>3</span>
					<p>根据链接找到指定宝贝，进入商品详情页，截图，之后回到页面上传对应宝贝的<span>截图</span></p>
				</div>
				<div v-if="schedule.competitiveStatus == 1" class="around_link">
					<p>货比链接1：</p>
					<div class="link">
						<input type="text" v-model="linkList[0]" readonly="readonly" />
						<input @click="copyUrl2(0)" type="button" value="复制" />
					</div>
					<div @click="wxchoose2(around.aroundImg,0)" class="imgUpload">
						<img src="../../static/img/process-06.png"/>
						<p>上传截图</p>
					</div>
					<div v-show="aroundShow1" class="imgshow">
						<img :src="aroundShow1"/>
					</div>
				</div>
				<div v-if="schedule.competitiveStatus == 1" class="around_link">
					<p>货比链接2：</p>
					<div class="link">
						<input type="text" v-model="linkList[1]" readonly="readonly" />
						<input @click="copyUrl2(1)" type="button" value="复制" />
					</div>
					<div @click="wxchoose2(around.aroundImg,1)" class="imgUpload">
						<img src="../../static/img/process-06.png"/>
						<p>上传截图</p>
					</div>
					<div v-show="aroundShow2" class="imgshow">
						<img :src="aroundShow2"/>
					</div>
				</div>
				<div v-if="schedule.competitiveStatus == 1" class="around_link">
					<p>货比链接3：</p>
					<div class="link">
						<input type="text" v-model="linkList[2]" readonly="readonly" />
						<input @click="copyUrl2(2)" type="button" value="复制" />
					</div>
					<div @click="wxchoose2(around.aroundImg,2)" class="imgUpload">
						<img src="../../static/img/process-06.png"/>
						<p>上传截图</p>
					</div>
					<div v-show="aroundShow3" class="imgshow">
						<img :src="aroundShow3"/>
					</div>
				</div>
				<!--------咨询客服----------->
				<div v-if="schedule.task.chatStatus == 1">
					<div class="around_title">
						<span>4</span>
						<p>咨询客服：</p>
					</div>
					<div class="consult">
						<div class="upload_input">
							<p>咨询客服截图：</p>
							<div @click="imgUpload(7)" class="imgUpload">
								<img src="../../static/img/process-06.png"/>
								<p>上传截图</p>
								<input @change="onFileChange($event,'7')" id="file7" type="file" accept="image/*"/>
							</div>
						</div>
						<div v-show="consultImage" class="imgshow">
							<img :src="consultImage"/>
						</div>
					</div>
				</div>
				<!--------浏览店铺其他宝贝----------->
				<div v-if="schedule.deepStatus == 1">
					<div class="around_title">
						<span>{{schedule.task.chatStatus == 1?5:4}}</span>
						<p>浏览店铺其他宝贝：回到购物车，进入商品详情，左下角进入店铺，分别点开<span>3个不同的</span>商品，浏览详情后<span>截图</span>，回到页面上传截图到下方</p>
					</div>
					<div class="around_taoP">
						<div class="choose">
							<div v-if="otherShow.length < 3" @click="wxchoose(other.otherImg,otherShow)" class="report_upload">
								<input type="button" value="选择文件" />
							</div>
						</div>
						<div class="img_box">
							<div v-for="(item,key) in otherShow" class="img_item">
								<img class="img_show" :src="item"/>
								<img @click="imgRemove(key,'5')" class="img_remove" src="../../static/img/process-08.png"/>
							</div>
						</div>
					</div>
				</div>
				<!--------回访宝贝----------->
				<div v-if="schedule.returnBabyStatus == 1">
					<div class="around_title">
						<span>{{schedule.task.chatStatus == 1&&schedule.task.chatStatus == 1 ? 6 : ((schedule.task.chatStatus != 1&&schedule.task.chatStatus)||(schedule.task.chatStatus == 1&&schedule.task.chatStatus != 1) ? 5 : 4)}}</span>
						<p>回访宝贝：从购物车进入宝贝详情页，截图并上传</p>
					</div>
					<div class="consult">
						<div class="upload_input">
							<p>回访宝贝截图：</p>
							<div @click="imgUpload(8)" class="imgUpload">
								<img src="../../static/img/process-06.png"/>
								<p>上传截图</p>
								<input @change="onFileChange($event,'8')" id="file8" type="file" accept="image/*"/>
							</div>
						</div>
						<div v-show="visitImage" class="imgshow">
							<img :src="visitImage"/>
						</div>
					</div>
				</div>
				<!-------下一步---------->
				<input id="next" v-if="compareFlag" type="button" @click="compare" class="apply" value="下一步" />
				<input id="next" v-else type="button" class="" value="下一步" />
			</div>
		</div>
		
		<!---------收藏/关注----------->
		
		<div v-else-if="step == 3" class="collection">
			<div class="process_title">
				<span></span>
				<p>收藏流程</p>
			</div>
			<div class="around_step">
				<div class="around_title">
					<span>1</span>
					<p>打开
						<span v-if="schedule.task.paltform == 3">手机京东APP</span>
						<span v-else>手机淘宝APP</span>
					</p>
				</div>
				<div class="around_title">
					<span>2</span>
					<p>登录淘宝账号<span>{{schedule.accountName}}</span>进入购物车，找到宝贝</p>
				</div>
				<!---------------收藏宝贝--------------->
				<div class="around_title">
					<span>3</span>
					<p>在宝贝详情页底部<span>点击关注/收藏</span>按钮，关注/收藏宝贝，如图</p>
				</div>
				<div class="collection_item">
					<img src="../../static/img/process-04.png"/>
					<div>
						<p>关注/收藏宝贝截图：</p>
						<div @click="imgUpload(1)" class="imgUpload">
							<img src="../../static/img/process-06.png"/>
							<p>上传截图</p>
							<input @change="onFileChange($event,'1')" id="file1" type="file" accept="image/*"/>
						</div>
					</div>
					<div v-show="collection.collectionImage1" class="imgshow">
						<img :src="collection.collectionImage1"/>
					</div>
				</div>
				<!---------------关注店铺--------------->
				<div class="around_title">
					<span>4</span>
					<p>在宝贝详情页底部点击店铺按钮进入店铺，页面顶部店铺名的旁边，<span>点击关注</span>，如图</p>
				</div>
				<div class="collection_item">
					<img src="../../static/img/process-05.png"/>
					<div>
						<p>关注店铺截图：</p>
						<div @click="imgUpload(2)" class="imgUpload">
							<img src="../../static/img/process-06.png"/>
							<p>上传截图</p>
							<input @change="onFileChange($event,'2')" id="file2" type="file" accept="image/*" />
						</div>
					</div>
					<div v-show="collection.collectionImage2" class="imgshow">
						<img :src="collection.collectionImage2"/>
					</div>
				</div>
				<!---------------手淘问大家--------------->
				<div v-if="schedule.task.askStatus == 1">
					<div class="around_title">
						<span>5</span>
						<p>点击宝贝详情页宝贝评价下方的<span>问大家</span>，点击下方输入框输入问题，<span>点击提交</span>提交问题</p>
					</div>
					<div class="collection_item">
						<div>
							<p>手淘问大家截图：</p>
							<div @click="imgUpload(6)" class="imgUpload">
								<img src="../../static/img/process-06.png"/>
								<p>上传截图</p>
								<input @change="onFileChange($event,'6')" id="file6" type="file" accept="image/*" />
							</div>
						</div>
						<div v-show="askImage" class="imgshow">
							<img :src="askImage"/>
						</div>
					</div>
				</div>
				<!---------------回答问题--------------->
				<div v-if="schedule.task.browseDetailsStatus == 1">
					<div class="around_title">
						<span>{{schedule.task.askStatus == 1 ? 6 : 5}}</span>
						<p>根据商家的问题，前往<span>宝贝详情页</span>寻找答案，然后在下方填写你找到的答案</p>
					</div>
					<div class="question">
						<p><span>Q:</span>{{schedule.task.browseDetailsProblem}}</p>
						<div class="answer">
							<p><span>A:</span></p>
							<input type="text" placeholder="请输入你找到的答案" v-model="answer" />
						</div>
					</div>
				</div>
				<!-----------查看产品参数----------------->
				<div v-if="schedule.parametersStatus == 1">
					<div class="around_title">
						<span>{{schedule.task.askStatus == 1&&schedule.task.browseDetailsStatus == 1 ? 7 : ((schedule.task.askStatus != 1&&schedule.task.browseDetailsStatus == 1)||(schedule.task.askStatus == 1&&schedule.task.browseDetailsStatus != 1) ? 6 : 5)}}</span>
						<p>点击宝贝详情页宝贝评价上方的<span>参数</span>，<span>截图</span>并在下方上传该图</p>
					</div>
					<div class="collection_item">
						<div>
							<p>产品参数截图：</p>
							<div @click="imgUpload(15)" class="imgUpload">
								<img src="../../static/img/process-06.png"/>
								<p>上传截图</p>
								<input @change="onFileChange($event,'15')" id="file15" type="file" accept="image/*" />
							</div>
						</div>
						<div v-show="parameterImage" class="imgshow">
							<img :src="parameterImage"/>
						</div>
					</div>
				</div>
				<!-----------查看宝贝评价----------------->
				<div v-if="schedule.browsingEvaluationStatus == 1">
					<div class="around_title">
						<span>{{evaluation()}}</span>
						<p>点击宝贝详情页参数下方的<span>宝贝评价</span>，<span>截图</span>并在下方上传该图</p>
					</div>
					<div class="collection_item">
						<div>
							<p>宝贝评价截图：</p>
							<div @click="imgUpload(17)" class="imgUpload">
								<img src="../../static/img/process-06.png"/>
								<p>上传截图</p>
								<input @change="onFileChange($event,'17')" id="file17" type="file" accept="image/*" />
							</div>
						</div>
						<div v-show="reportImage" class="imgshow">
							<img :src="reportImage"/>
						</div>
					</div>
				</div>
				<input id="next" v-if="followFlag" type="button" @click="follow" class="apply" value="下一步" />
				<input id="next" v-else type="button" value="下一步" />
			</div>
		</div>
		
		<!-----------试用报告------------------>
		
		<div v-else-if="step == 4" class="report">
			<div class="process_title">
				<span></span>
				<p>试用报告</p>
			</div>
			<div  class="search_step">
				<!------第一步-------->
				<div v-if="schedule.hasEvalimg == 1" :class="report.imgList1.length == 0?'step_title':'step_title step_active'">
					<span v-if="report.imgList1.length == 0">1</span>
					<img v-else src="../../static/img/process-09.png"/>
					<p>宝贝照片</p>
				</div>
				<div v-if="schedule.hasEvalimg == 1" class="report_1">
					<p>上传试用品宝贝照片<span>(上传照片后有机会评选为精华报告哦！每被评为一次精华报告送100金币！)</span></p>
					<div v-if="reportShow < 3" @click="wxchoose(report.imgList1,reportShow)" class="report_upload">
						<input type="button" value="选择文件" />
					</div>
					<div class="img_box">
						<div v-for="(item,key) in reportShow" class="img_item">
							<img class="img_show" :src="item"/>
							<img @click="imgRemove(key,'1')" class="img_remove" src="../../static/img/process-08.png"/>
						</div>
					</div>
				</div>
				<!------第二步-------->
				<div :class="!report.reportText?'step_title':'step_title step_active'">
					<span v-if="!report.reportText">{{schedule.hasEvalImg == 1 ? 2 : 1}}</span>
					<img v-else src="../../static/img/process-09.png"/>
					<p>试用品评价</p>
				</div>
				<div class="report_2">
					<textarea placeholder="请填写评价信息" v-model="report.reportText"></textarea>
				</div>
				<!------第三步-------->
				<div :class="report.imgList2.length == 0?'step_title':'step_title step_active'">
					<span v-if="report.imgList2.length == 0">{{schedule.hasEvalImg == 1 ? 3 : 2}}</span>
					<img v-else src="../../static/img/process-09.png"/>
					<p>评论截图</p>
				</div>
				<div class="report_3">
					<div class="choose">
						<p>上传所拍宝贝的评价截图</p>
						<div @click="imgUpload(4)" class="report_upload">
							<input type="button" value="选择文件" />
							<input @change="onFileChange($event,'4')" type="file" id="file4" accept="image/*" />
						</div>
					</div>
					<div v-if="report.imgList2" class="img_box">
						<div class="img_item">
							<img class="img_show" :src="report.imgList2"/>
							<!--<img @click="imgRemove(key,'2')" class="img_remove" src="../../static/img/process-08.png"/>-->
						</div>
					</div>
				</div>
				<div class="report_footer">
					<p><span style="color: #FF6565">{{outTime}}</span>后自动取消资格</p>
					<input type="button" v-if="reportFlag" @click="submitReport" id="report" class="apply" value="提交试用报告" />
					<input type="button" v-else id="report" value="提交试用报告" />
				</div>
			</div>
		</div>
		
		<!-----------追评------------------>
		
		<div v-else-if="step == 7" class="report">
			<div class="process_title">
				<span></span>
				<p>追加评价</p>
			</div>
			<div class="search_step">
				<!------第一步-------->
				<div :class="!additional.reportText?'step_title':'step_title step_active'">
					<span v-if="!additional.reportText">1</span>
					<img v-else src="../../static/img/process-09.png"/>
					<p>追评内容</p>
				</div>
				<div class="report_2">
					<textarea placeholder="请填写追评内容" v-model="additional.reportText"></textarea>
				</div>
				<!------第二步-------->
				<div :class="additional.imgList2.length == 0?'step_title':'step_title step_active'">
					<span v-if="additional.imgList2.length == 0">2</span>
					<img v-else src="../../static/img/process-09.png"/>
					<p>追评截图</p>
				</div>
				<div class="report_3">
					<div class="choose">
						<p>上传所拍宝贝的追评截图</p>
						<div v-if="addShow.length < 3" @click="wxchoose(additional.imgList2,addShow)" class="report_upload">
							<input type="button" value="选择文件" />
							<!--<input @change="onFileChange($event,'9')" type="file" id="file9" accept="image/*" />-->
						</div>
					</div>
					<div class="img_box">
						<div v-for="(item,key) in addShow" class="img_item">
							<img class="img_show" :src="item"/>
							<img @click="imgRemove(key,'3')" class="img_remove" src="../../static/img/process-08.png"/>
						</div>
					</div>
				</div>
				<div class="report_footer">
					<p><span style="color: #FF6565">{{outTime}}</span>后取消资格</p>
					<input type="button" v-if="commentFlag" @click="recomment" id="report" class="apply" value="提交追加评价" />
					<input type="button" v-else id="report" value="提交追加评价" />
				</div>
			</div>
		</div>
		
		<!--------------申请成功后提交订单号---------------->
		
		<div v-else-if="step == 5" class="winning">
			<!--------再次核对淘口令-------------->
			<div class="checkAgain">
				<div class="process_title">
					<span></span>
					<p>试用流程</p>
				</div>
				<div class="around_step">
					<div class="around_title">
						<span>1</span>
						<p>打开<span>手机{{schedule.task.paltform == 3?'京东':'淘宝'}}APP</span></p>
					</div>
					<div class="around_title">
						<span>2</span>
						<p>登录淘宝账号<span>{{schedule.accountName}}</span>进入购物车，找到宝贝</p>
					</div>
					<!--------重新搜索下单----------->
					<div v-if="schedule.againSearchStatus == 1" class="around_title">
						<span>3</span>
						<p>重新搜索下单：根据购物车中的<span>宝贝标题</span>重新搜索宝贝，找到宝贝后先不要进入宝贝详情页，截下<span>搜索结果页面</span>的截图并上传，<span @click="bigImg = true">点击查看示例</span></p>
					</div>
					<div v-if="schedule.againSearchStatus == 1" class="consult">
						<div class="upload_input">
							<p>重新搜索截图：</p>
							<div @click="imgUpload(16)" class="imgUpload">
								<img src="../../static/img/process-06.png"/>
								<p>上传截图</p>
								<input @change="onFileChange($event,'16')" id="file16" type="file" accept="image/*"/>
							</div>
						</div>
						<div v-show="searchAgain" class="imgshow">
							<img :src="searchAgain"/>
						</div>
					</div>
					<div class="around_title">
						<span>{{schedule.againSearchStatus == 1 ? 4 : 3}}</span>
						<p>核对商品：进入搜索到的宝贝详情页面，把<span>宝贝淘口令或京东链接</span>复制到此验证<span>（非必填）</span></p>
					</div>
					<div class="checkAgain_item">
						<div>
							<p>①点击一下输入框</p>
							<p>②长按</p>
							<p>③粘贴</p>
						</div>
						<textarea placeholder="点击宝贝详情页中的“分享按钮”，选择“复制链接”，然后将商品链接粘贴到此处" v-model="taopwd"></textarea>
						<input id="toCheck" type="button" @click="checkAgain" value="点击核对" />
					</div>
					
					<!--------隐藏优惠券----------->
					<div v-if="schedule.task.couponUrl" class="around_title">
						<span>{{schedule.againSearchStatus == 1 ? 5 : 4}}</span>
						<p>隐藏优惠券，点击复制下方链接，领取隐藏优惠券后再下单</p>
					</div>
					<div v-if="schedule.task.couponUrl" class="link">
						<input type="text" v-model="schedule.task.couponUrl" readonly="readonly" />
						<input @click="copyUrl2(3)" type="button" value="复制" />
					</div>
					
					<div class="around_title">
						<span>{{schedule.againSearchStatus == 1&&schedule.task.couponUrl ? 6 : ((schedule.againSearchStatus != 1&&schedule.task.couponUrl)||(schedule.againSearchStatus == 1&&!schedule.task.couponUrl) ? 5 : 4)}}</span>
						<p>确定无误后<span>请在{{schedule.task.paltform == 3?'京东':'淘宝'}}APP</span>下单付款，请确认下单规格为<span>{{schedule.task.goodsNotice}}</span></p>
					</div>
					<div class="checkAgain_item">
						<p>
							<img src="../../static/img/process-03.png"/>
							注意：请勿用信用卡等产生手续费的付款方式
						</p>
					</div>
				</div>
			</div>
			
			<!----------提交订单号------------>
			
			<div class="order">
				<div class="process_title">
					<span></span>
					<p>填写订单信息</p>
				</div>
				<div class="around_step">
					<div class="around_title">
						<span>1</span>
						<p>上传订单详情截图，如图：</p>
					</div>
					<div class="order_item">
						<img src="../../static/img/process-10.png"/>
						<div class="order_upload">
							<p>上传订单截图：</p>
							<div @click="imgUpload(5)" class="imgUpload">
								<img src="../../static/img/process-06.png"/>
								<p>上传截图</p>
								<input @change="onFileChange($event,'5')" id="file5" type="file" accept="image/*" />
							</div>
						</div>
						<div v-show="order.orderImage" class="imgshow">
							<img :src="order.orderImage"/>
						</div>
					</div>
					<div class="around_title">
						<span>2</span>
						<p>复制订单号</p>
					</div>
					<div class="order_item">
						<div class="order_input">
							<p>订单号：</p>
							<input type="text" v-model="order.orderNum" />
						</div>
						<p>点击 我的--我的订单 --订单详情页--点击复制订单编号(注：订单号填写错误可能影响商家核对，导致返款失败。)</p>
					</div>
				</div>
			</div>
			<input type="button" v-if="orderFlag" id="next" @click="placeOrder" class="apply" value="已经付款，确定提交订单号" />
			<input type="button" v-else id="next" value="已经付款，确定提交订单号" />
		</div>
		
		<!------------提交成功----------------->
		
		<div v-if="step == 6" class="success">
			<img src="../../static/img/process-11.png"/>
			<p>一天申请10个免费试用送200金币，金币可兑换会员</p>
			<p class="time">系统将每日<span>10:00</span>和<span>21:00</span>抽取中奖用户</p>
			<p class="time" v-if="schedule.task.type == 8">未中奖还有几率成为幸运用户，获得<span>随机现金</span>奖励哦</p>
			<img class="QRcode" src="../../static/img/code.png"/>
			<p class="focus">长按关注<span>赶</span><span>紧</span><span>试</span>公众号</p>
			<p>活动状态第一时间通知哦~</p>
			<router-link to='/home/good'>申请更多，中奖率更高</router-link>
		</div>
		<div @click="bigImg = false" v-show="bigImg" id="bigImg">
			<img src="../../static/img/search.png"/>
		</div>
	</div>
</template>

<script>
import wx from 'weixin-js-sdk'
import QRCode from 'qrcodejs2'
export default {
	name: 'process',
	data:function(){
		return{
			price: '', // 商品价格
			taskId: "DS4600670817888",	// 接收上一个页面传递过来的活动id
			exchange: false,	// 是否为金币兑换  由上一个页面传递过来
			step: 1,//1 核对店铺申请任务  2 货比三家  3 收藏/关注 4 试用报告  5 提交订单号  6 申请成功 7 追评
			schedule:{
				task:{
					skuImage: '',
				},
			},	// 进度信息
			intoType:{},	// 进店方式
			index: -1, // 下标
			flag : false,
			length: 0, // 最大下标
			goodsName: "", // 商品名称
			keyword: "", // 关键字
			sort: "", // 排序方式
			taoPassword:'21xdag43541',//搜索方式 淘口令显示
			QRcode: '../../static/img/code.png',//搜索方式  二维码
			tabs: 1,//核对方式切换
			taskLink: '',//淘口令或京东链接
			taopwd: '',	// 再次验证淘口令
			storeName: '',//店铺名
			checkResult: 0,//核对结果
			selectSwitch: false,//选择菜单开关
			selectList:[//账号选择数组
				'账号1',
				'账号2',
				'账号3',
				'账号4',
			],
			accountId: null,// 选中的账号id
			around:{
				aroundImg: [1,2,3],//货比截图
			},
			aroundShow: [],//货比一次选择图片
			aroundShow1: '',
			aroundShow2: '',
			aroundShow3: '',
			linkList:[//指定竞品链接数组
				'https://detail.tmall.com/item.htm?id=574558435595&ali_refid=a3_430582_1006:1151433932:N:%E8%89%B2%E7%A9%BA%E9%BC%93:693e605e88ca26a3d6c98a3117cd9dac&ali_trackid=1_693e605e88ca26a3d6c98a3117cd9dac&spm=a230r.1.14.3',
				'https://detail.tmall.com/item.htm?id=574558435595&ali_refid=a3_430582_1006:1151433932:N:%E8%89%B2%E7%A9%BA%E9%BC%93:693e605e88ca26a3d6c98a3117cd9dac&ali_trackid=1_693e605e88ca26a3d6c98a3117cd9dac&spm=a230r.1.14.3',
				'https://detail.tmall.com/item.htm?id=574558435595&ali_refid=a3_430582_1006:1151433932:N:%E8%89%B2%E7%A9%BA%E9%BC%93:693e605e88ca26a3d6c98a3117cd9dac&ali_trackid=1_693e605e88ca26a3d6c98a3117cd9dac&spm=a230r.1.14.3',
			],
			other:{
				otherImg: [],
			},
			otherShow: [],//其他宝贝一次选择图片
			collection:{
				collectionImage1: '',//收藏宝贝截图
				collectionImage2: '',//关注店铺截图
			},
			report:{
				imgList1:[//宝贝照片数组
					
				],
				reportText: '',//评价信息
				imgList2: '',//评价截图数组
			},
			reportShow: [],//宝贝照片一次选择图片
			additional:{
				reportText: '',//追评信息
				imgList2:[//追评截图数组
					
				],
			},
			addShow: [],//追评截图一次选择图片
			order:{
				orderImage: '',//订单截图
				orderNum: '',//订单号
			},
			answer: '',//回答问题用户答案
			askImage: '',//手淘问大家截图
			parameterImage: '',//产品参数截图
			consultImage: '',//咨询客服截图
			reportImage: '',//查看宝贝评价
			searchAgain: '',//重新搜索下单
			visitImage: '',//回访宝贝截图
			outTime: '',// 倒计时
			bigImg: false,//图片放大开关
			followFlag: false, // 收藏  是否可点击下一步
			compareFlag: false, // 货比 是否可点击下一步
			reportFlag: false, // 提交报告 是否可点击下一步
			orderFlag: false, // 下单 是否可点击下一步
			commentFlag: false, // 追评 是否可点击下一步
			//微信上传图片
//			idList: [],//微信服务器上图片id数组
//			showList: [],//本地用于显示图片的数组
			onceList: [],//用户一次选择图片数组
		}
	},
	methods:{
		//-------获取当前进度信息---------
		getSchedule: function(){
			var _this = this;
			let postData = _this.$qs.stringify({
	        	taskId: _this.taskId
	        });
			_this.$axios.post('/user/taskSchedule/selectMyTaskDetail',postData).then(function(res){
			    var data = res.data;
			    if(data.message == "succ"){
			    	data = data.result;
			    	var price = data.task.price;
				    _this.price = price;
				    data.task.price = (price-10) + "-" + (price+10);
				    _this.schedule = data;
				    
				    // 根据进度显示对应东西
				    if(data.operaStatus == 0){
				    	_this.step = 1;
				    	_this.getIntoType();
				    }else if(data.operaStatus == 3 || data.operaStatus == 11){
				    	_this.step = 3;
				    }else if(data.operaStatus == 5 || data.operaStatus == 12){
				    	_this.step = 2;
				    }else if(data.operaStatus == 13 || data.operaStatus == 30){
				    	_this.step = 5;
				    }else if(data.operaStatus == 15 || data.operaStatus == 35){
				    	_this.step = 4;
						setInterval(function(){
				    		_this.countDown(_this.schedule.payTime, 7)
						} ,1000);
				    }else if(data.operaStatus == 17){
				    	_this.step = 7;
				    	setInterval(function(){
				    		_this.countDown(_this.schedule.reportTime, _this.schedule.hasDayseval)
						} ,1000);
				    }else{
				    	_this.$alert("操作有误", function(){
				    		_this.$router.go(-1);
				    	});
				    }
			    }else{
			    	_this.$alert("操作有误", function(){
			    		_this.$router.go(-1);
			    	});
			    }
			    
			    
			}).catch(function (error) {
			    console.log(error);
			});
		},
		//-------获取进店方式---------
		getIntoType: function(){
			var _this = this;
			let postData = _this.$qs.stringify({
	        	taskId: _this.taskId
	        });
			_this.$axios.post('/user/taskIntoType/selectIntoTypeByTaskId',postData).then(function(res){
			    var data = res.data.result;
			    _this.intoType = data;
			    if(data.intoType == 1){
			    	_this.selectKeyword();
			    }else if(data.intoType == 3){
					setTimeout(function(){
						_this.getcode();
					},1000)
			    }
			}).catch(function (error) {
			    console.log(error);
			});
		},
		// 链接二维码
		getcode:function() {
			var url = this.schedule.task.goodsUrl;
			if(url.search("taobao") != -1||url.search("tmall") != -1){
				if(url.search('id=') != -1){
					var url1 = url.split("?")[0];
					var url2= url.split("id=")[1];
					var url3 = url2.split("&")[0];
					url = url1 + '?id=' + url3;
				}
			}
	      	let qrcode = new QRCode('goodCode', {
	        	width: 140,
	        	height: 140, // 高度
	        	text: url // 二维码内容
	        })
	    },
		//-------切换关键词---------
		selectKeyword: function(){
			this.flag = false;
			
			var index = this.index;
			index++;
			// 关键词
			var str = this.intoType.intoText;
			if(str != undefined){
				str = str.split(";");
				this.keyword = str[index];
				this.length = str.length - 1;
			}
			
			// 排序方式
			if(this.intoType.sortType != undefined){
				str = this.intoType.sortType.split(";");
				this.sort = str[index];
			}
			
			// 隐藏商品标题
			var name = this.schedule.task.goodsName;
			if(name != undefined){
				var rep = name.substring((5 + (index * 2)), name.length);
//				var xing = index == 1?"********":(this.index == 2?"*******": "******")
//				name = name.replace(rep, xing);
				this.goodsName = rep + index == 1?"*********":(this.index == 2?"*******": "*****");
			}
			
			this.index = index;
			if(index < str.length-1){
				this.interval();
			}
		},
		//-------定时将换一换按钮变为可用---------
		interval: function(){
			var _this = this;
			setTimeout(function(){
				_this.flag = true;
			}, 60000);
		},
		//-------核对链接或店铺名---------
		toCheck: function(){
		    this.$loading();
			if(this.tabs == 1){//核对链接
				var _this = this;
				let postData = _this.$qs.stringify({
		        	taskId: _this.taskId,
		        	link: _this.taskLink
		       });
				_this.$axios.post('/user/task/checkLink',postData).then(function(res){
				    var data = res.data.result;
			    	if(data){
			    		_this.checkResult = 1;
			    		_this.$alert("找对宝贝了");
			    		$('#loading').remove();
			    	}else{
			    		if(_this.schedule.task.paltform != 3){
			    			if(_this.taskLink.indexOf('€') == -1 && _this.taskLink.indexOf('￥') == -1){
			    				_this.$alert("淘口令或京东链接不正确或不完整，请尝试验证店铺或重新输入。");
			    				$('#loading').remove();
			    				return;
			    			}
				       		postData = {
								tkl: _this.taskLink
							};
							$.ajax({
							  type: "POST",
							  url: "https://api.chaozhi.hk/tb/tklParse",
							  dataType: "json",
							  data: postData,
							  success: function(data) {
							    if(data.msg == "成功"){
							    	var url = data.data.url;
							    	if(url.search("id") != -1){
							    		url = url.match(/id=(\d*)&/)[1];
								    	if(_this.schedule.task.goodsUrl.indexOf(url) != -1){
								    		_this.checkResult = 1;
						    				_this.$alert("找对宝贝了");
								    	}else{
											_this.checkResult = 0;
											_this.$alert("淘口令验证失败，请尝试验证店铺。");
											_this.tabs = 2;
								    	}
							    	}else{
							    		_this.checkResult = 0;
										_this.$alert("淘口令验证失败，请尝试验证店铺。");
										_this.tabs = 2;
							    	}
					    			$('#loading').remove();
							    }
							  },
							  error: function(err){
							  	_this.checkResult = 0;
								_this.$alert("淘口令验证失败，请尝试验证店铺。");
								_this.tabs = 2;
							  	$('#loading').remove();
							  }
							});	
			       		}else{
							_this.checkResult = 0;
							_this.$alert("淘口令或京东链接不正确或不完整，请尝试验证店铺或重新输入。");
							_this.tabs = 2;
			    			$('#loading').remove();
			       		}
			    	}
				}).catch(function (error) {
					_this.$alert("淘口令验证失败，请尝试验证店铺。");
					_this.tabs = 2;
			    	$('#loading').remove();
				});
			}else{//核对店铺名
				var _this = this;
				let postData = _this.$qs.stringify({
		        	taskId: _this.taskId,
		        	houseName: _this.storeName
		        });
				_this.$axios.post('/user/task/checkHouseName',postData).then(function(res){
				    var data = res.data.result;
			    	if(data){
			    		_this.checkResult = 1;
			    		$('#loading').remove();
			    		_this.$alert("找对店铺了")
			    	}else{
						_this.checkResult = 0;
						$('#loading').remove();
						_this.$alert("店铺名不正确");
			    	}
			    	$('#loading').remove();
				}).catch(function (error) {
				    console.log(error);
			    	$('#loading').remove();
				});
			}
		},
		//-------再次核对链接或店铺名---------
		checkAgain: function(){
			var _this = this;
			let postData = _this.$qs.stringify({
			    taskId: _this.taskId,
			    link: _this.taopwd
			})
			_this.$axios.post('/user/task/checkLink',postData).then(function(res){
				var data = res.data;
			    if(data.message == "succ"){
			    	if(data.result){
			 			_this.$alert("找对宝贝了");
			    		$('#loading').remove();
				 	}else{
				 		if(_this.schedule.task.paltform != 3){
				 			if(_this.taopwd.indexOf('€') == -1){
			    				_this.$alert("找错宝贝了哦，请重新核对确认无误后再下单");
			    				$('#loading').remove();
			    				return;
			    			}
				       		postData = {
								tkl: _this.taopwd
							};
							$.ajax({
							  type: "POST",
							  url: "https://api.chaozhi.hk/tb/tklParse",
							  dataType: "json",
							  data: postData,
							  success: function(data) {
							    if(data.msg == "成功"){
							    	if(url.search("id") != -1){
							    		url = url.match(/id=(\d*)&/)[1];
								    	if(_this.schedule.task.goodsUrl.indexOf(url) != -1){
						    				_this.$alert("找对宝贝了");
								    	}else{
											_this.$alert("找错宝贝了哦，请重新核对确认无误后再下单");
								    	}
							    	}else{
										_this.$alert("找错宝贝了哦，请重新核对确认无误后再下单");
							    	}
					    			$('#loading').remove();
							    }
							  },
							  error: function(err){
								_this.$alert("找错宝贝了哦，请重新核对确认无误后再下单");
							  	$('#loading').remove();
							  }
							});	
			       		}else{
							_this.$alert("找错宝贝了哦，请重新核对确认无误后再下单");
			       		}
					}
			    }
			}).catch(function (error) {
			    _this.$alert("找错宝贝了哦，请重新核对确认无误后再下单");
				$('#loading').remove();
			});
		},
		//---------确定申请----------
		apply: function(){
			var _this = this;
			let postData = _this.$qs.stringify({
		    	taskId: _this.taskId,
		    	accountId: _this.accountId
		    });
			_this.$axios.post('/user/taskSchedule/confirmApply',postData).then(function(res){
				var data = res.data;
			    if(data.message == "succ"){
			    	_this.step = 6;
			    }else{
			    	_this.$alert(data.result);
			    }
			}).catch(function (error) {
				console.log(error);
			});
		},
		//-----------复制淘口令---------------
		copyUrl:function(){
	        var Url=this.intoType.intoText;
	        var input = document.createElement("input");
            input.value = Url;
            document.body.appendChild(input);
            input.select();
            input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
            document.body.removeChild(input);
            this.$alert('复制成功！');
	   },
		//-----------复制宝贝链接---------------
		copyUrl2:function(n){
			if(n<3){
				var Url=this.linkList[n];
			}else{
				var Url=this.schedule.task.coupon_url;
			}
	        var input = document.createElement("input");
            input.value = Url;
            document.body.appendChild(input);
            input.select();
            input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
            document.body.removeChild(input);
            this.$alert('复制成功！');
	   },
		//--------加密---------
		encryption:function(str){
			if(str == undefined){
				return;
			}
			var str1 = str.split('');
			var str2 = '';
			$.each(str1,function(i){
				if(i%2 != 0){
					str2 += '*';
				}else{
					str2 += str1[i];
				}
			})
			return str2;
		},
		//--------小数点后两位不够补零---------------
		returnFloat:function(value){
			var value=Math.round(parseFloat(value)*100)/100;
			var xsd=value.toString().split(".");
			if(xsd.length==1){
				value=value.toString()+".00";
				return value;
			}
			if(xsd.length>1){
				if(xsd[1].length<2){
					value=value.toString()+"0";
				}
				return value;
			}
		},
		imgUpload:function(Id){
			var fileId = '#file' + Id;
			$(fileId).trigger('click');
		},
		//--------图片压缩上传-----------
		onFileChange: function(e,Url){
	        //获取图片文件
	        let files = e.target.files || e.dataTransfer.files
	        if (!files.length) return
        	this.createImage(files,e,Url)
	    },
	    createImage: function(file,e,Url){//单图压缩
			if(file[0].size > 5 * 1024 * 1024){
	        	this.$alert("图片太大，无法上传");
	        	return;
	        }
	        lrz(file[0], {width: 480}).then((rst) => {
	        	if(Url == '1'){//关注收藏宝贝
	        		this.collection.collectionImage1 = rst.base64;
	        	}else if(Url == '2'){//关注店铺
	        		this.collection.collectionImage2 = rst.base64;
	        	}else if(Url == '4'){//评价截图
	        		this.report.imgList2 = rst.base64;
	        	}else if(Url == '5'){//订单截图
	        		this.order.orderImage = rst.base64;
	        	}else if(Url == '6'){//手淘问大家截图
	        		this.askImage = rst.base64;
	        	}else if(Url == '7'){//咨询客服截图
	        		this.consultImage = rst.base64;
	        	}else if(Url == '8'){//回访宝贝截图
	        		this.visitImage = rst.base64;
	        	}else if(Url == '9'){//追评截图
	        		this.additional.imgList2 = rst.base64;
	        	}else if(Url == '12'){//指定竞品1
	        		this.around.aroundImg.splice(0, 1, rst.base64);
	        	}else if(Url == '13'){//指定竞品2
	        		this.around.aroundImg.splice(1, 1, rst.base64);
	        	}else if(Url == '14'){//指定竞品3
	        		this.around.aroundImg.splice(2, 1, rst.base64);
	        	}else if(Url == '15'){//产品参数截图
	        		this.parameterImage = rst.base64;
	        	}else if(Url == '16'){//重新搜索下单截图截图
	        		this.searchAgain = rst.base64;
	        	}else if(Url == '17'){//浏览宝贝评价截图
	        		this.reportImage = rst.base64;
	        	}
	        }).always(() => {
	            //每次压缩完之后要将input内容清空，不然会出现传出去的内容不对的bug
	            e.target.value = null
	        })
	    },
	    createImages: function(file,e,Url){//多图压缩
	    	if(Url == '10'&&this.around.aroundImg.length + file.length > 3){
	    		this.$alert('最多上传3张图片！');
	    		return;
	    	}
	    	if(Url == '11'&&this.other.otherImg.length + file.length > 3){
	    		this.$alert('最多上传3张图片！');
	    		return;
	    	}
	        for(var i = 0;i<file.length;i++){
	        	if(file[i].size > 5 * 1024 * 1024){
	        		this.$alert("图片太大，无法上传");
	        		return;
	        	}
	        	lrz(file[i], {width: 480}).then((rst) => {
		        	if(Url == '3'){//宝贝图片
		        		this.report.imgList1.push(rst.base64);
		        	}else if(Url == '4'){//评价截图
		        		this.report.imgList2.push(rst.base64);
		        	}else if(Url == '9'){//追评截图
		        		this.additional.imgList2.push(rst.base64);
		        	}else if(Url == '10'){//追评截图
		        		this.around.aroundImg.push(rst.base64);
		        	}else if(Url == '11'){//追评截图
		        		this.other.otherImg.push(rst.base64);
		        	}
		        })
	        };
	        //--------清空input-------------
	        e.target.value = null
	    },
	    //---------微信选择图片------------
		wxchoose: function(idList,showList){
			var _this = this;
			if(idList[2] == 3){
				idList = _this.around.aroundImg = [];
			}
			wx.chooseImage({
	            count:3,//设置一次能选择的图片的数量 
	            sizeType:['compressed'],//指定是原图还是压缩,默认二者都有
	            sourceType:['album','camera'],//可以指定来源是相册还是相机,默认二者都有
	            success:function(res){   //微信返回了一个资源对象 
	            	_this.$loading();
	　　　　　　　　　            //res.localIds 是一个数组　保存了用户一次性选择的所有图片的信息
					_this.onceList = res.localIds;
					if(res.localIds.length + showList.length > 3){
						_this.$alert('最多只能上传3张图片,请重新选择')
						$("#loading").remove();
					}else{
						for(var i = 0;i < res.localIds.length;i ++){
							showList.push(res.localIds[i]);
						}
						_this.wxupload(0,idList);//把这些图片上传到微信服务器  一张一张的上传
					}
					
	            }
	        });
		},
		wxchoose2: function(idList,key){
			var _this = this;
			wx.chooseImage({
	            count: 1,//设置一次能选择的图片的数量 
	            sizeType:['compressed'],//指定是原图还是压缩,默认二者都有
	            sourceType:['album','camera'],//可以指定来源是相册还是相机,默认二者都有
	            success:function(res){   //微信返回了一个资源对象 
	            	_this.$loading();
	　　　　　　　　　            //res.localIds 是一个数组　保存了用户一次性选择的所有图片的信息
					_this.onceList = res.localIds;
					if(key == 0){
						_this.aroundShow1 = _this.onceList[0];
					}else if(key == 1){
						_this.aroundShow2 = _this.onceList[0];
					}else if(key == 2){
						_this.aroundShow3 = _this.onceList[0];
					} 
					_this.wxupload2(0,idList,key);//把这些图片上传到微信服务器  一张一张的上传
	            }
	        });
		},
		wxupload: function(i,idList) {
			var _this = this;
			var length = _this.onceList.length;
			wx.uploadImage({
				localId: _this.onceList[i], //图片在本地的id
				isShowProgressTips: 0, // 默认为1，显示进度提示
				success: function (res) {
					idList.push(res.serverId);
					i ++;
					if(i < length){
						_this.wxupload(i, idList);
					}else if(i == length){
						$('#loading').remove();
						return;
					}
				},
				fail: function (res) {
		            alert(JSON.stringify(res));
		        }
			});
		},
		wxupload2: function(i,idList,key) {
			var _this = this;
			var length = _this.onceList.length;
			wx.uploadImage({
				localId: _this.onceList[i], //图片在本地的id
				isShowProgressTips: 0, // 默认为1，显示进度提示
				success: function (res) {
					_this.around.aroundImg.splice(key, 1, res.serverId);
					i ++;
					if(i < length){
						_this.wxupload(i, idList);
					}else if(i == length){
						$('#loading').remove();
						return;
					}
				},
				fail: function (res) {
		            alert(JSON.stringify(res));
		        }
			});
		},
	    //----------删除图片----------
	    imgRemove: function(key,Url) {
	    	if(Url == 1){
	    		this.reportShow.splice(key,1);
	    		this.report.imgList1.splice(key,1);
	    	}else if(Url == 2){
	    		this.report.imgList2.splice(key,1);
	    	}else if(Url == 3){
	    		this.addShow.splice(key,1);
	    		this.additional.imgList2.splice(key,1);
	    	}else if(Url == 4){
	    		this.aroundShow.splice(key,1);
	    		this.around.aroundImg.splice(key,1);
	    	}else if(Url == 5){
	    		this.otherShow.splice(key,1);
	    		this.other.otherImg.splice(key,1);
	    	}
	    },
	    //--------Select相关事件---------
	    selectClose: function(){//关闭选择菜单
	    	this.selectSwitch = false;
	    	if(this.accountId != null){
	    		this.apply();
	    	}
//	    	var mo=function(e){e.preventDefault();};
//	        document.body.style.overflow='';//出现滚动条
//	        document.removeEventListener("touchmove",mo,false);
	    },
	    selectOpen: function(){//打开选择菜单
	    	var _this = this;
	    	var type;
	    	if(_this.schedule.task.paltform == 1 || _this.schedule.task.paltform == 2){
	    		type = 1;
	    	}else{
	    		type = 2;
	    	}
			let postData = _this.$qs.stringify({
		    	type: type
		    });
			_this.$axios.post('/user/bindAccount/getMyBindAccount',postData).then(function(res){
				var data = res.data;
			    if(data.message == "succ"){
			    	if(data.result.length > 1){
			    		_this.selectList = data.result;
			    		_this.selectSwitch = true;
			    	}else if(data.result.length == 1){
			    		_this.accountId = data.result[0].id
			    		_this.apply();
			    	}else{
			    		if(_this.schedule.task.paltform == 3){
			    			// 跳转至绑定账号
				    		_this.$confirm("你还未绑定京东账号，是否前往绑定？", function(){
				    			_this.$router.push('/user/accountJD');
				    		});
			    		}else{
			    			// 跳转至绑定账号
				    		_this.$confirm("你还未绑定淘宝账号，是否前往绑定？", function(){
				    			_this.$router.push('/user/accountTB');
				    		});
			    		}
			    	}
			    }else{
			    	_this.$alert(data.result);
			    }
			}).catch(function (error) {
				console.log(error);
			});
//	    	var mo=function(e){e.preventDefault();};
//	        document.body.style.overflow='hidden';
//	        document.addEventListener("touchmove",mo,false);//禁止页面滑动
	    },
		// --------收藏宝贝/店铺-----------
		follow: function(){
			var _this = this;
			if(_this.collection.collectionImage1 == ''){
				_this.$alert("请提交关注/收藏宝贝截图");
				return;
			}
			if(_this.collection.collectionImage2 == ''){
				_this.$alert("请提交关注店铺截图");
				return;
			}
			let postData = _this.$qs.stringify({
				taskId: _this.taskId,
		    	goodsImg: _this.collection.collectionImage1,
		    	houseImg: _this.collection.collectionImage2,
		    	askImg: _this.askImage,
		    	answer: _this.answer,
		    	lookDetail: _this.parameterImage,
		    	lookComment: _this.reportImage
		    });
			_this.$axios.post('/user/taskSchedule/followGoods',postData).then(function(res){
				var data = res.data;
			    if(data.message == "succ"){
			    	if(data.result == 4){
			    		_this.step = 6;
			    	}else if(data.result == 12){
			    		_this.step = 2;
			    	}
			    }else{
			    	_this.$alert(data.result);
			    }
			}).catch(function (error) {
				console.log(error);
			});
		},
		//  -------货比三家-------
		compare: function(){
			var _this = this;
			if(this.schedule.competitiveStatus == 1){
				
			}
			if(_this.around.aroundImg.length < 3){
				_this.$alert("请上传三个同类宝贝截图");
				return;
			}
			let postData = _this.$qs.stringify({
				taskId: _this.taskId,
		    	compare: JSON.stringify(_this.around.aroundImg),
		    	chatImg: _this.consultImage,
		    	lookOther: JSON.stringify(_this.other.otherImg),
		    	comeback: _this.visitImage
		    });
			_this.$axios.post('/user/taskSchedule/compare',postData).then(function(res){
				var data = res.data;
			    if(data.message == "succ"){
			    	if(data.result == 6){
			    		_this.step = 6;
			    	}else if(data.result == 13){
			    		_this.step = 5;
			    	}
			    }else{
			    	_this.$alert(data.result);
			    }
			}).catch(function (error) {
				console.log(error);
			});
		},
		//--------提交订单---------
		placeOrder: function(){
			var _this = this;
			if(!this.order.orderImage){
				_this.$alert("请提交下单截图");
				return;
			}
			if(!this.order.orderNum){
				_this.$alert("请填写订单编号");
				return;
			}
			if(this.order.orderNum.length < 10){
				_this.$alert("请填写正确的订单编号");
				return;
			}
			let postData = _this.$qs.stringify({
				taskId: _this.taskId,
				orderNum: _this.order.orderNum,
				orderImg: _this.order.orderImage,
				againSearch: _this.searchAgain
			});
			
			_this.$axios.post('/user/taskSchedule/placeOrder',postData).then(function(res){
				var data = res.data;
			    if(data.message == "succ"){
			    	_this.step = 6;
			    }else{
			    	_this.$alert(data.result);
			    }
			}).catch(function (error) {
				console.log(error);
			});
		},
		//--------提交报告---------
		submitReport: function(){
			var _this = this;
//			if(this.report.imgList1.length < 1){
//				_this.$alert("请提交宝贝图片");
//				return;
//			}
			
			if(!this.report.reportText){
				_this.$alert("请填写试用品评价");
				return;
			}
			if(this.report.imgList2.length < 1){
				_this.$alert("请上传评价截图");
				return;
			}
			let postData = _this.$qs.stringify({
				taskId: _this.taskId,
				evaluate: _this.report.reportText,
				evaluateImg: JSON.stringify(_this.report.imgList2),
				goodsImg: JSON.stringify(_this.report.imgList1),
			});
			_this.$axios.post('/user/taskSchedule/submitReport',postData).then(function(res){
				var data = res.data;
			    if(data.message == "succ"){
			    	_this.step = 6;
			    }else{
			    	_this.$alert(data.result);
			    }
			}).catch(function (error) {
				console.log(error);
			});
		},
		//--------提交追评---------
		recomment: function(){
			var _this = this;
			if(!this.additional.reportText){
				_this.$alert("请填写追评内容");
				return;
			}
			if(this.additional.imgList2.length < 1){
				_this.$alert("请上传追评截图");
				return;
			}
			let postData = _this.$qs.stringify({
				taskId: _this.taskId,
				content: _this.additional.reportText,
				reviewImg: JSON.stringify(_this.additional.imgList2)
			});
			
			_this.$axios.post('/user/taskSchedule/review',postData).then(function(res){
				var data = res.data;
			    if(data.message == "succ"){
			    	_this.step = 6;
			    }else{
			    	_this.$alert(data.result);
			    }
			}).catch(function (error) {
				console.log(error);
			});
		},
		//--------获取指定日期加限定天数 与当前时间的时间差-----------
		countDown: function(str, days){
			if(str == ""||str ==null){
				return "";
			}
			var oTime = new Date(str).getTime() + days * 24 * 3600 * 1000;
			var oDate = new Date().getTime();
			oTime = oTime - oDate;
			var day = parseInt(oTime / (1000*60*60*24));
			var hour = this.getzf(parseInt(oTime / 1000 / 60 / 60 %24));
			var min = this.getzf(parseInt(oTime / 1000 / 60 % 60));
			var sec = this.getzf(parseInt(oTime / 1000 % 60));
			this.outTime = day + "天" + hour + "时" + min + "分" + sec + "秒";
		},
		//补0操作  
		getzf:function(num){  
		    if(parseInt(num) < 10){  
		        num = '0'+num;  
		    }  
		    return num;  
		},
		//-------返回上一页-------
		Return: function(){
			this.$router.go(-1);
		},
		//------查看宝贝评价为第几步--------
		evaluation: function(){
			if(this.schedule.task.askStatus == 1&&this.schedule.task.browseDetailsStatus == 1&&this.schedule.parametersStatus == 1){
				return 8;
			}else if(this.schedule.task.askStatus + this.schedule.task.browseDetailsStatus + this.schedule.parametersStatus == 2){
				return 7;
			}else if(this.schedule.task.askStatus + this.schedule.task.browseDetailsStatus + this.schedule.parametersStatus == 1){
				return 6;
			}else if(this.schedule.task.askStatus + this.schedule.task.browseDetailsStatus + this.schedule.parametersStatus == 0){
				return 5;
			}
		}
	},
	created: function(){
		this.taskId = this.$route.params.taskId;
		this.getSchedule();
		var _this = this;
  		//--------微信授权------------
		const ua = window.navigator.userAgent.toLowerCase()
		// 如果不在微信浏览器内，微信分享也没意义了对吧？这里判断一下
		if (ua.indexOf('micromessenger') < 0) return false
		let postData = _this.$qs.stringify({
        	pageUrl: window.location.href.split('#')[0]
        });
		_this.$axios.post('/wechat/share/ticket',postData).then(function(res){
		    var data = res.data.result;
			wx.config({
			  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			  appId: data.appid, // 必填，公众号的唯一标识
			  timestamp: data.timestamp, // 必填，生成签名的时间戳
			  nonceStr: data.noncestr, // 必填，生成签名的随机串
			  signature: data.signature,// 必填，签名，见附录1
			  jsApiList: [
			    'translateVoice',
			    'chooseImage',
                'uploadImage',
                'downloadImage'
			  ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
			});
		}).catch(function (error) {
		    console.log(error);
		});
	},
	updated: function(){
		// 收藏  非空验证
		if(this.step == 3){
			if(this.collection.collectionImage1&&this.collection.collectionImage2){
				if((this.schedule.task.askStatus==1 && this.askImage) || this.schedule.task.askStatus==0){
					if((this.schedule.task.browseDetailsStatus==1 && this.answer) || this.schedule.task.browseDetailsStatus==0){
						if(this.schedule.parametersStatus == 0 || (this.schedule.parametersStatus == 1 && this.parameterImage)){
							if(this.schedule.browsingEvaluationStatus == 0 || (this.schedule.browsingEvaluationStatus == 1 && this.reportImage)){
								this.followFlag = true;
							}
						}
					}
				}
			}
		}else if(this.step == 2){
			// 货比  非空验证
			if((this.aroundShow.length == 3) || (this.schedule.competitiveStatus == 1 && this.aroundShow1 && this.aroundShow2 && this.aroundShow3)){
				if(this.schedule.task.chatStatus==0||(this.schedule.task.chatStatus==1&&this.consultImage)){
					if(this.schedule.deepStatus==0||(this.schedule.deepStatus==1&&this.otherShow.length == 3)){
						if(this.schedule.returnBabyStatus==0||(this.schedule.returnBabyStatus==1&&this.visitImage)){
							this.compareFlag = true;
						}else{
							this.compareFlag = false;
						}
					}else{
						this.compareFlag = false;
					}
				}else{
					this.compareFlag = false;
				}
			}else{
				this.compareFlag = false;
			}
		}else if(this.step == 4){
			// 报告
			if(this.report.imgList2.length!=0&&this.report.reportText){
				if(this.schedule.hasEvalimg==0 || (this.schedule.hasEvalimg==1 && this.reportShow.length!=0)){
					this.reportFlag = true;
				}else{
					this.reportFlag = false;
				}
			}else{
				this.reportFlag = false;
			}
		}else if(this.step == 5){
			// 下单
			if(this.order.orderImage && this.order.orderNum){
				if(this.schedule.againSearchStatus == 0 || (this.schedule.againSearchStatus == 1 && this.searchAgain)){
					this.orderFlag = true;
				}else{
					this.orderFlag = false;
				}
			}else{
				this.orderFlag = false;
			}
		}else if(this.step == 7){
			// 追评
			if(this.additional.reportText){
				if((this.schedule.reviewShowStatus==0 && this.addShow.length!=0)||(this.schedule.reviewShowStatus==1 && this.addShow.length>1)){
					this.commentFlag = true;
				}else{
					this.commentFlag = false;
				}
			}else{
				this.commentFlag = false;
			}
		}
	}
}
</script>

<style scoped>

.condition span{
	text-overflow: ellipsis;
    overflow: hidden;
    width: 70%;
    white-space: nowrap;
}
/* ========== */
/* = Header = */
/* ========== */
#header{
	width: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #EEEEEE;
	font-size: 1.6rem;
	color: #4F4F4F;
	box-sizing: border-box;
	z-index: 10;
}
#header img{
	height: 2rem;
	display: block;
	position: absolute;
	top: 1rem;
	left: 2rem;
}
/*---------商品信息-----------*/
.task_information{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem;
	box-sizing: border-box;
	background-color: #fff;
	margin-top: 4.5rem;
}
.task_information>img{
	width: 11rem;
	height: 11rem;
	display: block;
	margin-right: 1rem;
}
.task_text{
	width: calc(100% - 12rem);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.task_text>p{
	padding: 0.5rem 0;
	border-top: 1px solid #EEEEEE;
	font-size: 1.2rem;
}
.task_title{
	padding-bottom: 0.3rem;
}
.task_title img{
	height: 1.4rem;
	display: inline-block;
	margin-right: 0.2rem;
}
.task_title p{
	width: calc(100% - 2rem);
	display: inline-block;
	color: #4F4F4F;
	font-size: 1.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.house_name,.qq{
	color: #4F4F4F;
}
.price,.goods_notice{
	color: #A9A9A9;
}
.price span,.goods_notice span{
	color: #FF6565;
}
.qq img{
	height: 1.2rem;
	display: inline-block;
	margin-right: 0.2rem;
}
/*--------加赏任务佣金----------*/
.commission{
	background-color: #FDFCDD;
    border-top: 2px solid #FFF9DF;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    color: #787878;
    font-size: 1.2rem;
}
.commission p{
	line-height: 2em;
	
}
.commission p span{
	font-size: 1.6rem;
	font-weight: 600;
	color: #FF9D10;
	margin-right: 0.3rem;
}
/*--------搜索流程------------*/
.search{
	background-color: #fff;
	margin-top: 1rem;
	padding-bottom: 4rem;
}
.process_title{
	padding: 0.6rem;
	border-bottom: 1px solid #EEEEEE;
	display: flex;
	align-items: center;
}
.process_title span{
	width: 3px;
	height: 1rem;
	background-color: #FF6565;
	margin-right: 0.3rem;
}
.process_title p{
	color: #4F4F4F;
	font-size: 1.4rem;
}
/*---------搜索流程----------*/
.search_step{
	padding: 1rem;
	padding-left: 2.5rem;
	box-sizing: border-box;
}
.step_title{
	background-color: #FFF0EE;
	color: #4F4F4F;
	font-size: 1.4rem;
	width: 10rem;
	height: 2rem;
	display: flex;
	padding-left: 2rem;
	position: relative;
}
div.step_active{
	background-color: #E3F3E3;
}
.step_title p{
	height: 2rem;
	line-height: 2rem;
}
.step_title span{
	height: 2.4rem;
	width: 2.4rem;
	background-color: #FE6664;
	position: absolute;
	top: -0.2rem;
	left: -1.2rem;
	border-radius: 50%;
	color: #FFFFFF;
	text-align: center;
	line-height: 2.4rem;
}
.step_title img{
	height: 2.4rem;
	width: 2.4rem;
	position: absolute;
	top: -0.2rem;
	left: -1.2rem;
}
.search_1,.search_2,.search_3{
	border-left: 1px dashed #CCCCCC;
	padding: 1rem 1.5rem;
	padding-bottom: 3rem;
}
/*----------关键词-------------*/
.search_1 p{
	font-size: 1.2rem;
	color: #787878;
	line-height: 1.6;
	display: flex;
	align-items: center;
	width: 100%;
	overflow: hidden;
	margin-top: 0.8rem;
}
.search_1 p span{
	width: 70%;
	color: #FF6565;
}
.search_1 p img{
	height: 2rem;
	display: block;
}
.search_1 div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1rem;
	align-items: flex-start;
}
.search_1 div p{
	margin-top: 0;
}
.search_1 div input{
	height: 2rem;
	width: 5rem;
	border: 1px solid #FF6565;
	color: #FF6565;
	background-color: #fff;
	border-radius: 3px;
}
/*--------淘口令-----------*/
.search_1 input.taoPassword{
	border: 1px solid #EEEEEE;
	width: 100%;
	height: 3rem;
	padding-left: 1rem;
	box-sizing: border-box;
	margin-top: 0.5rem;
}
.search_1 input.copy_taoP{
	width: 10rem;
	height: 3rem;
	background-color: #FF6565;
	color: #FFFFFF;
	border: none;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	margin-top: 1rem;
	font-size: 1.2rem;
}
.search_1 .warning{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FC9291;
	margin-top: 0.3rem;
}
.search_1 .warning img{
	height: 1rem;
	display: block;
	margin-right: 0.3rem;
}
.search_1 .open{
	width: 80%;
	margin: 0 auto;
	background-color: #FFFEEA;
	color: #4F4F4F;
	font-size: 1.2rem;
	justify-content: center;
	margin-top: 0.3rem;
}
#QRcode{
	width: 50%;
	display: block;
}
/*--------核对链接或店铺名-------------*/
.search_2 p{
	color: #787878;
	font-size: 1.2rem;
	line-height: 2.5rem;
}
.search_2 .tabs{
	display: flex;
	height: 3rem;
	border: 1px solid #FF6565;
	border-radius: 3px;
	box-sizing: border-box;
	overflow: hidden;
}
.search_2 .tabs li{
	width: 50%;
	height: 100%;
	text-align: center;
	line-height: 3rem;
}
.search_2 .tabs li.tab_active{
	background-color: #FF6565;
	color: #FFFFFF;
}
.tab1 div{
	display: flex;
}
.tab1 div p{
	margin-right: 1rem;
}
.tab1 textarea{
	border: 1px solid #EEEEEE;
	padding: 0.5rem 1rem;
	box-sizing: border-box;
	width: 100%;
	height: 6rem;
}
.tab2>p{
	line-height: 1.8rem;
	margin-top: 0.5rem;
}
.tab2 p span{
	color: #FF6565;
}
.tab2 .store_name{
	display: flex;
	align-items: center;
	margin-top: 1rem;
}
.tab2 .store_name p{
	width: 7rem;
	color: #4F4F4F;
}
.tab2 .store_name input{
	width: calc(100% - 7rem);
	height: 2.5rem;
	border: 1px solid #EEEEEE;
	padding-left: 1rem;
	box-sizing: border-box;
	border-radius: 3px;
	
}
.tab2 .sample{
	display: flex;
	align-items: center;
	margin-top: 1rem;
}
.tab2 .sample p{
	width: 5rem;
	white-space: nowrap;
}
.tab2 .sample img{
	width: calc(100% - 5rem);
	display: block;
}
.toCheck{
	width: 10rem;
	height: 3rem;
	background-color: #FF6565;
	border: none;
	border-radius: 3px;
	color: #FFFFFF;
	display: block;
	margin: 0 auto;
	margin-top: 1rem;
}
.search_3 p{
	color: #787878;
	font-size: 1.2rem;
	line-height: 2.5rem;
}
.search_3 p span{
	color: #FF6565;
}
#apply{
	width: 100%;
	height: 4rem;
	position: fixed;
	bottom: 0;
	left: 0;
	border: none;
	color: #FFFFFF;
	background-color: #D9D9D9;
	font-size: 1.4rem;
}
input.apply{
	background-color: #FF6565 !important;
}
/*----------货比三家------------*/
.shop_around{
	background-color: #fff;
	/*margin-bottom: 4.5rem;*/
	padding-bottom: 5rem;
	margin-top: 1rem;
}
.around_step{
	margin: 1rem;
	margin-left: 2.5rem;
	box-sizing: border-box;
	border-left: 1px dashed #CCCCCC;
}
.around_title{
	display: flex;
	margin-left: -1.2rem;
	font-size: 1.2rem;
	margin-top: 2.4rem;
}
.around_title>span{
	height: 2.4rem;
    width: 2.4rem;
    background-color: #FE6664;
    border-radius: 50%;
    color: #FFFFFF;
    text-align: center;
    line-height: 2.4rem;
    margin-right: 0.5rem;
}
.around_title p{
	width: calc(100% - 1.7rem);
	color: #787878;
	margin-bottom: 1rem;
	line-height: 2.4rem;
}
.around_title p span{
	color: #FF6565;
}
.around_link{
	padding-left: 1.7rem;
	box-sizing: border-box;
	color: #787878;
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
}
.link{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.link input[type='text']{
	width: 70%;
	display: block;
	border: 1px solid #EEEEEE;
	padding-left: 0.5rem;
	box-sizing: border-box;
	height: 2.4rem;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	border-radius: 0;
}
.link input[type='button']{
	width: 25%;
	height: 2.4rem;
	border: none;
	background-color: #FF6565;
	color: #ffffff;
	border: none;
}
.checkAgain .link{
	padding-left: 1.7rem;
	box-sizing: border-box;
}
.around_link .imgUpload{
	margin-left: 0;
}
.around_taoP{
	padding-left: 1.7rem;
	box-sizing: border-box;
}
.around_taoP p{
	color: #787878;
	height: 2.4rem;
	line-height: 2.4rem;
}
.around_taoP textarea{
	width: 100%;
	height: 5rem;
	border: 1px solid #EEEEEE;
	padding: 0.5rem 1rem;
	box-sizing: border-box;
	text-align: justify;
}
/*------咨询客服----------*/
.consult{
	padding-left: 1.7rem;
	box-sizing: border-box;
	color: #4F4F4F;
	font-size: 1.2rem;
}
#next,#report{
	width: 100%;
    height: 4rem;
    position: fixed;
    bottom: 0;
    left: 0;
    border: none;
    color: #FFFFFF;
	background-color: #D9D9D9;
}
.upload_input{
	display: flex;
	align-items: center;
}
/*-------收藏/关注---------*/
.collection{
	background-color: #fff;
	padding-bottom: 5.5rem;
	margin-top: 1rem;
}
.collection_item{
	padding-left: 1.7rem;
	box-sizing: border-box;
	padding-bottom: 2rem;
}
.collection_item>img{
	width: 100%;
	display: block;
	margin-bottom: 1rem;
}
.collection_item>div{
	display: flex;
	align-items: center;
}
.collection_item>div>p{
	color: #787878;
	font-size: 1.2rem;
}
.imgshow{
	width: 7rem;
	height: 7rem;
	border: 1px solid #EEEEEE;
	box-sizing: border-box;
	margin-top: 0.5rem;
}
.imgshow img{
	display: block;
	width: 100%;
	height: 100%;
}
.question{
	padding-left: 1.7rem;
	box-sizing: border-box;
	margin-bottom: 0.5rem;
}
.question p{
	color: #787878;
	font-size: 1.2rem;
}
.question p span{
	margin-right: 0.5rem;
}
.question div{
	display: flex;
	align-items: center;
	margin-top: 1rem;
}
.question input{
	width: 100%;
	border: 1px solid #EEEEEE;
	padding-left: 1rem;
	height: 3rem;
	box-sizing: border-box;
}
.imgUpload{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FF6565;
	color: #FFFFFF;
	font-size: 1.2rem;
	height: 3rem;
	width: 9rem;
	margin-left: 1rem;
}
.imgUpload img{
	height: 1.2rem;
	display: block;
	margin-right: 0.3rem;
}
.imgUpload input{
	display: none;
}
/*---------------------试用报告---------------------------*/
.report{
	background-color: #fff;
	padding-bottom: 6rem;
	margin-top: 1rem;
}
.report_1,.report_2,.report_3{
	padding: 1rem;
	padding-left: 1.7rem;
	padding-bottom: 2.5rem;
	border-left: 1px dashed #CCCCCC;
	box-sizing: border-box;
}
.report_1 p{
	line-height: 2rem;
	color: #787878;
	font-size: 1.2rem;
}
.report_upload{
	width: 9rem;
	height: 2.5rem;
	margin: 0 auto;
	margin-top: 0.5rem;
}
.report_upload input[type='button']{
	width: 100%;
	height: 100%;
	border: 1px solid #FFF0EE;
	color: #FF6565;
	border-radius: 3px;
	background-color: #fff;
}
.report_upload input[type='file']{
	display: none;
}
.img_box{
	display: flex;
	flex-wrap: wrap;
	margin-top: 1rem;
}
.img_box .img_item{
	position: relative;
	width: 7rem;
	height: 7rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
}
.img_box .img_item .img_show{
	width: 100%;
	height: 100%;
	display: block;
}
.img_box .img_item .img_remove{
	width: 1.6rem;
	height: 1.6rem;
	display: block;
	position: absolute;
	top: -0.6rem;
	right: -0.6rem;
}
.report_2 textarea{
	border: 1px solid #EEEEEE;
	padding: 0.5rem 1rem;
	box-sizing: border-box;
	width: 100%;
	height: 6rem;
}
.report_3 .choose{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.2rem;
	color: #787878;
}
.report_3 .choose .report_upload{
	margin: 0;
}
.report_footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.report_footer p{
	background-color: #fff;
	padding: 0.5rem;
	text-align: center;
	color: #787878;
	font-size: 1.2rem;
	border-top: 1px solid #EEEEEE;
}
.report_footer input{
	width: 100%;
	border: none;
	color: #FFFFFF;
	font-size: 1.4rem;
	height: 4rem;
}
/*-------------提交订单号---------------*/
.winning{
	margin-top: 1rem;
	padding-bottom: 4.5rem;
}
/*-------核对淘口令--------*/
.checkAgain{
	background-color: #fff;
	margin-bottom: 0.5rem;
	padding-bottom: 1rem;
}
.checkAgain_item{
	padding: 1rem;
	padding-left: 1.7rem;
	padding-bottom: 2.5rem;
	box-sizing: border-box;
	margin-top: -1rem;
}
.checkAgain_item>div{
	display: flex;
	margin-bottom: 1rem;
}
.checkAgain_item>div p{
	margin-right: 1rem;
}
.checkAgain_item textarea{
	width: 100%;
	height: 6rem;
	border: 1px solid #EEEEEE;
	padding: 0.5rem 1rem;
	box-sizing: border-box;
}
.checkAgain_item>p{
	width: 96%;
	margin: 0 auto;
	padding: 0.5rem 0;
	background-color: #FFFEEA;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	color: #787878;
}
.checkAgain_item>p img{
	height: 1.2rem;
	display: block;
	margin-right: 0.5rem;
}
#toCheck{
	width: 10rem;
	height: 3rem;
	background-color: #FF6565;
	border: none;
	border-radius: 3px;
	color: #FFFFFF;
	display: block;
	margin: 0 auto;
	margin-top: 1rem;
}
/*---------提交订单相关-----------*/
.order{
	background-color: #fff;
	padding-bottom: 1rem;
}
.order_item{
	padding: 1rem;
	padding-left: 1.7rem;
	padding-top: 0;
	box-sizing: border-box;
}
.order_item>img{
	width: 100%;
	display: block;
}
.order_upload{
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	color: #787878;
	margin-top: 1rem;
}
.order_input{
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	color: #787878;
	margin-bottom: 1rem;
}
.order_input input{
	height: 3rem;
	border: 1px solid #EEEEEE;
	padding-left: 1rem;
	box-sizing: border-box;
}
.order_item>p{
	color: #FF6565;
	font-size: 1rem;
}
/*--------提交成功---------*/
#process{
	height: 100%;
}
.success{
	height: 100%;
	background-color: #fff;
	padding: 4rem 0;
	box-sizing: border-box;
}
.success img{
	width: 100%;
	display: block;
	margin-bottom: 1rem;
}
.success img.QRcode{
	width: 40%;
	margin: 3rem auto;
}
.success p{
	color: #787878;
	font-size: 1.2rem;
	text-align: center;
}
.success p.time{
	margin-top: 1rem;
}
.success p.time span{
	color: #FF6565;
}
.success p.focus{
	color: #FF6565;
	font-size: 1.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1.5rem;
}
.success p.focus span{
	background-color: #FEF999;
	border-radius: 50%;
	padding: 0.1rem 0.2rem;
	margin: 0 0.2rem;
}
.success a{
	width: 100%;
	height: 4rem;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #FF6565;
	color: #FFFFFF;
	font-size: 1.4rem;
	text-align: center;
	line-height: 4rem;
}
/*--------账号选择-----------*/
#select{
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 11;
}
#select .select{
	width: 100%;
	height: 16rem;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
}
#select .select .select_list{
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 12rem;
}
#select .select .select_list li{
	width: 100%;
	height: 4rem;
	font-size: 1.2rem;
	color: #787878;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #EEEEEE;
	box-sizing: border-box;
}
#select .select .select_list li.select_active{
	color: #FF6565;
}
#select .select .select_cancel{
	width: 100%;
	height: 4rem;
	border: none;
	border-top: 1px solid #EEEEEE;
	background-color: #fff;
	color: #787878;
	font-size: 1.2rem;
}
/*-------图片放大---------*/
#bigImg{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	display: flex;
	align-items: center;
	overflow: auto;
	z-index: 11;
}
#bigImg img{
	width: 100%;
	display: block;
}
</style>
